<template>
	<div style="width: 75%;">
		<div class="ffffff mainpadding radius">
			<div class="text_ft color_zero margin_bottom2">收货地址</div>
			<div class="text_d color_three">{{dataAll.orderaddress.name}}  {{dataAll.orderaddress.region}}{{dataAll.orderaddress.address}}  {{dataAll.orderaddress.mobile}}</div>
		</div>
		<div class="ffffff mainpadding radius margin_top">
			<div class="text_ft color_zero margin_bottom2">订单详情</div>
			<shopping-order-list :type="1" :item="dataAll"></shopping-order-list>
		</div>
		<div class="ffffff mainpadding margin_top radius">
			<div class="text_ft color_zero">支付详情</div>
			<div class="flexbetween margin_top2">
				<div class="text_d color_six">订单编号：</div>
				<div class="text_d color_zero">{{dataAll.order_no}}</div>
			</div>
			<div class="flexbetween margin_top2">
				<div class="text_d color_six">下单时间：</div>
				<div class="text_d color_zero">{{dataAll.createtime_text}}</div>
			</div>
			<div class="flexbetween margin_top2">
				<div class="text_d color_six">支付方式：</div>
				<div class="text_d color_zero">{{dataAll.pay_type_text}}</div>
			</div>
			<div class="margin_top2 padding_top2 line_t flexright">
				<div>
					<span class="text_dt color_zero">实付总额：</span>
					<span class="text_dt color_red">￥{{dataAll.pay_price}}</span>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import {orderdetail} from "@/API/goods"
	import shoppingOrderList from "./components/shoppingOrderList"
	export default{
		components:{
			shoppingOrderList
		},
		data(){
			return {
				dataAll:{}
			}
		},
		created() {
			this.getDetatil()
		},
		methods:{
			getDetatil() {
				orderdetail({
					id: this.$route.query.id
				}).then(res => {
					this.dataAll = res.data.data
				})
			}
		}
		
	}
</script>

<style lang="scss" scoped>
</style>